.container {
    background-color: #fff;
    min-height: 100%;
 }
.position{
	width:100%;
	position: fixed;
	top: var(--window-top);
	z-index: 99;
	height:120rpx;
	background:#FFFFFF;
}
.view_line{
	width:100%;
	height:180rpx;
 }
   /***职位分类**/
.search_key {
	display: flex;
	flex-direction: row;
	padding:20rpx 10rpx 10rpx 10rpx;
	flex-wrap: wrap;
}
.search_key_scroll{
	height: 90rpx;
	width: 90rpx;
	line-height:90rpx;
	background-color: #ff4e72;
	border-radius: 50%;
	font-size:12px;
	color: #FFFFFF;
	text-align: center;
	margin-left:10px;
}
 .list_sort {
     display: flex;
     flex-wrap: wrap;
     line-height: 32px;
     font-size: 14px;
     border-bottom: 1px solid #f5f5f5;
     color: #333;
     background: #fff;
     border-top:1px solid #f5f5f5;
 }
 
 .sort_list {
     width: 32%;
     text-align: center;
     border-right: 2px solid #ececec;
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
 }
 
 .sort_list:last-child {
     border-right: 0;
 }
 .sort_list picker{width:100%;}
 .picker{
     display: flex;
     flex-wrap:column;
     justify-content: center;
     align-items: center;
 }
 .sort_list image {
     width: 30rpx;
     height: 30rpx;
 }
 .sort_list view {
     font-size:12px;
 }
.news {
    width: 100%;
    background: #f2f2f2;
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}
.news .newslist {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin: 0 auto;
    border-bottom: 1px solid #efefef;
    /* padding-top: 10rpx; */
    padding-bottom: 10rpx;
}

.news .newslist .title {
    width: 100%;
    flex-direction: column;
    display: flex;
    justify-content: space-between;
    background:#fff;
    padding-bottom: 15rpx;
}

.news .newslist .title .detail {
    padding-left: 2%;
    text-align: left;
    font-size: .8rem;
    color: #000;
    display: flex;
    flex-direction: column;
    width: 95%;
}

.news .newslist .title .detail .pic {
    width: 100%;
    display: flex;
    flex-direction:row;
    justify-content: space-between;
    align-items: center;
    padding-top:15rpx;
}

.jobtitle{
    width:80%;
    font-size:16px;font-weight:bold
}
.news .newslist .title .detail .pic image {
    width: 100rpx;
    height: 100rpx;
    align-self: center;
    border-radius: 60rpx;

}
.news .newslist .title .detail .info {
    width: 100%;
    display: flex;
    flex-direction:row;
    justify-content: flex-start;
    align-items: center;
    font-size:13px;
    margin-bottom: 20rpx;
	color:#000000;
}
.info view:nth-child(2){
    margin-left:50rpx;
    align-items: center;
}
.news .newslist .title .detail .info view:nth-child(1) {
    padding-top: 10rpx;
    font-weight: bold;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}



.news .newslist .title .detail view:nth-child(3) {
    padding-top: 10rpx;
    font-weight: bold;
    font-size: .7rem;
    padding-right: 10rpx;
}

.news .newslist .title .price {
    width: 28%;
}

.news .newslist .title .price .money {
    font-weight: bold;
    font-size: .7rem;
    padding-right: 10rpx;
}
.info .star {
    width:180rpx;
    height:30rpx;
}
.info .time {
    font-size: .7rem;
}
.jobmoney {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.jobmoney text:nth-child(2) {
    font-weight: 600;
}

.frame{
    position: fixed;
    z-index: 99;
    top:50%;
    background:red;
    color:#FFFFFF;
    width:200rpx;
    height:60rpx;
    line-height: 60rpx;
    border-radius: 20rpx 0 0 20rpx;
    right:0;
    text-align: center;
}